<template>
  <div class="hasbottomnav">
      <div class="content">
          <router-view></router-view>
      </div>
    <bottom-nav></bottom-nav>
 </div>
</template>

<script>

import bottomNav from '@/components/bottomNav/bottomNav'
export default {
  name: 'hasbottomnav',
  data() { 
    return {

    }
  },
  created() {

  },
  methods:{

  },
  components:{
    bottomNav
  }
 }
</script>

<style lang="scss" scoped>
.hasbottomnav{
    width: 100%;
    height: 100%;
}
.content{
    width: 100%;
    height: calc(100% - 1.275rem);
}
</style>